<ion-header-bar align-title="center" class="bar-positive">
    <div style="position: relative;width: 100%; top: 8px;left: 0px;height: 28px;width: 100%;background-color:transparent;">
      <a class="icon ion-refresh" href="#" style="color: #ffffff;font-size: 28px;position: absolute;left:10px;bottom: 5px;"></a>
        <a class="user-item">
            <span>Zauberber</span>
        </a>
        <a class="icon ion-ios-search-strong" href="#/tab/search" style="color: #ffffff;font-size: 28px;position: absolute;right: 10px;bottom: 5px;"></a>
    </div>
</ion-header-bar>
<ion-view>
    <ion-content has-bouncing="true" overflow-scroll="false">
        <ion-refresher on-refresh="doRefresh()" pulling-text="下拉刷新" refreshing-text="正在刷新" refreshing-icon="ion-loading-b"></ion-refresher>
        <div class="content" style="overflow: inherit">
          <div class="home_img" style="width:100%;position:relative;">
            <img src="../img/home_img.jpg" style="width:100%">
            <a class="total_assets">总资产：<span id="money">5100</span></a>
          </div>
        </div>
      <div class="home_menu">
        <div class="expenditure" ng-class="{activities :type == 'discovery'}" ng-click="changeType(0)">支出</div>
        <div class="income" ng-class="{activities :type == 'location'}" ng-click="changeType(1)">收入</div>
      </div>
      <div class="homeMenu_content">
        <div ng-if="type == 'discovery'">
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>-100</h2>
            <p>买衣服和生活用品</p>
          </ion-item>
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>-500</h2>
            <p>借给同学500元</p>
          </ion-item>
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>-10</h2>
            <p>楼下买可乐</p>
          </ion-item>
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>-1200</h2>
            <p>交房租</p>
          </ion-item>
        </div>
        <div ng-if="type == 'location'">
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>+3000</h2>
            <p>工资</p>
          </ion-item>
          <ion-item class="item-remove-animate item-avatar" type="item-text-wrap" href="#/tab/change">
            <img ng-src="img/mike.png">
            <h2>+100</h2>
            <p>同学转账</p>
          </ion-item>
        </div>
      </div>

    </ion-content>
</ion-view>
